$(function(){
    var $loginBox = $('#loginBox')
    var $registerBox = $('#registerBox')
    var $userInfo = $('#userInfo')

    // 登录面板下的a被点击，切换到注册面板
    $loginBox.find('a.colMint').on('click',function(){
        $registerBox.show()
        $loginBox.hide()
    })
    // 注册面板下的a被点击，切换到登录面板
    $registerBox.find('a.colMint').on('click',function(){
        $loginBox.show()
        $registerBox.hide()
    })

    // 注册
    $registerBox.find('button').on('click',function(){
        // 点击的时候，通过ajax提交注册请求
        console.log($registerBox.find('[name="username"]').val())
        console.log($registerBox.find('[name="password"]').val())
        console.log($registerBox.find('[name="repassword"]').val())
        $.ajax({
            type: 'post',
            url: '/api/user/register',
            data: {
                username: $registerBox.find('[name="username"]').val(),
                password: $registerBox.find('[name="password"]').val(),
                repassword: $registerBox.find('[name="repassword"]').val()
            },
            dataType: 'json',
            success: function(data){
                // console.log(data)
                $registerBox.find('.colWarning').html(data.message);
                if(!data.code){
                    // 注册成功
                    setTimeout(function(){
                        // 注册成功，显示登录页面，隐藏注册页面
                        $loginBox.show()
                        $registerBox.hide()
                    },1000)
                }
            },
            error: function(err){
                console.log(err)
            }
        })
    })

    // 登录
    $loginBox.find('button').on('click',function(){
        $.ajax({
            type: 'post',
            url: '/api/user/login',
            data: {
                username: $loginBox.find('[name="username"]').val(),
                password: $loginBox.find('[name="password"]').val()
            },
            success: function(data){
                console.log(data)
                // 处理提示信息
                $loginBox.find('.colWarning').html(data.message);
                // 登录成功
                if(!data.code){
                    // setTimeout(function(){
                    //     $loginBox.hide();
                    //     $userInfo.show();

                    //     // 显示登录用户的信息
                    //     $userInfo.find('.username').html(data.userInfo.username);
                    //     $userInfo.find('.info').html('你好，欢迎光临我的博客')

                    // })
                    // 登录成功后，直接刷新页面
                    window.location.reload()
                }
            }
        })
    })

    // 退出
    $('#logoutBtn').on('click',function(){
        $.ajax({
            url: '/api/user/logout',
            success: function(data){
                if(!data.code){
                    window.location.reload();
                }
            }
        })
    })


})